<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../1/js/rem.js"></script>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/clear.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="header">
        <img src="./img/3.png">
        <div class="header_zi">填写订单</div>
        <div></div>
    </div>
    <div class="content">
        <div class="zhong">
            <div class="zhong_zi">
                <div class="zhong_zi_z">
                    <div class="zhong_zi_z_q">张晓明</div>
                    <div class="zhong_zi_z_q1">186****0019</div>
                </div>
                <div class="zhong_zi_z1">
                    上海市黄浦区中山南路128号千古美城1楼1210室
                </div>
                <img class="zhong_zi_img" src="./img/1.png">
            </div>
            <img class="zhong_img" src="./img/7.png">
        </div>
        <div class="zhong1">
            <div class="zhong1_zi">选择支付方式</div>
            <div class="zhong1_zi1">
                <div>在线支付</div>
                <img src="./img/4.png">
            </div>
        </div>
        <ul class="zhong2">
            <li>
                <div class="topsz">
                    <img src="./img/5.png" class="topsz_img">
                    <div>路易斯女装旗舰店</div>
                    <img src="./img/6.png" class="topsz_img1">
                </div>
                <ul>
                    <li class="zhong3">
                        <img class="zhong3_img" src="./img/2.png">
                        <div class="zhong3_you">
                            <div class="zhong3_you_zi">真丝连衣裙2019春夏新款</div>
                            <div class="zhong3_you_zi1">杭州大牌气质修……</div>
                            <div class="zhong3_you_zi2">
                                <div class="zhong3_you_zi2_z">颜色：黑白</div>
                                <div class="zhong3_you_zi2_z">尺码：L</div>
                            </div>
                            <div class="zhong3_you_zi3">
                                <div class="zhong3_you_zi3_z"><span>￥160</span>.00</div>
                                <div class="zhong3_you_zi3_z1">X1</div>
                            </div>
                        </div>
                    </li>
                </ul>
                <div class="remark sd">
                    <div class="remark_zi">订单备注</div>
                    <div class="remark_zi1">有什么想对商家留言的可以在这里说</div>
                </div>
                <ul class="Preferential">
                    <li class="Preferential_shang">
                        <div class="Preferential_shang_zi">优惠抵用</div>
                        <div class="Preferential_shang_zi1">-￥5</div>
                    </li>
                    <li class="Preferential_sia">
                        <div class="Preferential_sia_zi">商品金额</div>
                        <div class="Preferential_sia_zi1">￥155.00</div>
                    </li>
                </ul>
                <div class="amount">
                    <div class="amount_zi">商品金额</div>
                    <div class="amount_zi1">￥155.00</div>
                </div>
            </li>
            <li>
                <div class="topsz">
                    <img src="./img/5.png" class="topsz_img">
                    <div>路易斯女装旗舰店</div>
                    <img src="./img/6.png" class="topsz_img1">
                </div>
                <ul>
                    <li class="zhong3">
                        <img class="zhong3_img" src="./img/2.png">
                        <div class="zhong3_you">
                            <div class="zhong3_you_zi">真丝连衣裙2019春夏新款</div>
                            <div class="zhong3_you_zi1">杭州大牌气质修……</div>
                            <div class="zhong3_you_zi2">
                                <div class="zhong3_you_zi2_z">颜色：黑白</div>
                                <div class="zhong3_you_zi2_z">尺码：L</div>
                            </div>
                            <div class="zhong3_you_zi3">
                                <div class="zhong3_you_zi3_z"><span>￥160</span>.00</div>
                                <div class="zhong3_you_zi3_z1">X1</div>
                            </div>
                        </div>
                        <li class="zhong3">
                            <img class="zhong3_img" src="./img/2.png">
                            <div class="zhong3_you">
                                <div class="zhong3_you_zi">真丝连衣裙2019春夏新款</div>
                                <div class="zhong3_you_zi1">杭州大牌气质修……</div>
                                <div class="zhong3_you_zi2">
                                    <div class="zhong3_you_zi2_z">颜色：黑白</div>
                                    <div class="zhong3_you_zi2_z">尺码：L</div>
                                </div>
                                <div class="zhong3_you_zi3">
                                    <div class="zhong3_you_zi3_z"><span>￥160</span>.00</div>
                                    <div class="zhong3_you_zi3_z1">X1</div>
                                </div>
                            </div>
                        </li>
                    </li>
                </ul>
                <div class="remark sd">
                    <div class="remark_zi">订单备注</div>
                    <div class="remark_zi1">有什么想对商家留言的可以在这里说</div>
                </div>
                <ul class="Preferential">
                    <li class="Preferential_shang">
                        <div class="Preferential_shang_zi">优惠抵用</div>
                        <div class="Preferential_shang_zi1">-￥5</div>
                    </li>
                    <li class="Preferential_shang">
                        <div class="Preferential_shang_zi">商品金额</div>
                        <div class="Preferential_shang_zi1" style="color: black;">￥155.00</div>
                    </li>
                    <li class="Preferential_shang">
                        <div class="Preferential_shang_zi">优惠抵用</div>
                        <div class="Preferential_shang_zi1">-￥5</div>
                    </li>
                </ul>
                <div class="amount">
                    <div class="amount_zi">商品金额</div>
                    <div class="amount_zi1">￥155.00</div>
                </div>
            </li>
        </ul>
    </div>
    <div class="footer">
        <div class="footer_zi"> 共3件,</div>
        <div class="footer_zi1">合计：</div>
        <div class="footer_zi4">¥</div>
        <div class="footer_zi2">5999.00</div>
        <div class="footer_zi3">结算(2)</div>
    </div>

</body>

</html>